<template>
    <!-- 我的问诊 -->
    <div class="my-inquiry layout-media-box">
        <div class="l-panel inquiry-box">
            <div class="inquiry-tab-box">
                <el-tabs>
                    <el-tab-pane label="问诊历史"></el-tab-pane>
                </el-tabs>
            </div>
            <div class="query-box">
                <el-date-picker size="small" v-model="queryTime" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker>
                <el-button size="small" type="primary" round @click="query()">查询</el-button>
            </div>
            <div class="inquiryList-box">
                <inquiry-history :queryTime="queryTime" ref="inquiryList">
                </inquiry-history>
            </div>
        </div>
    </div>
</template>
<script>
import inquiryHistory from '../user/components/inquiryhistory/inquiry-history';

export default {
    components: {
        inquiryHistory
    },
    data() {
        return {
            activeName: '0',
            queryTime: [],
        };
    },
    methods: {
        query() {
            this.$nextTick(() => {
                this.$refs.inquiryList.getInquiryList()
            })
        },
    }
};
</script>
<style lang="scss" scoped>
.my-inquiry {
    .l-panel {
        width: 100%;
    }
}
.inquiry-tab-box {
    padding: 8px 15px;
    /deep/ .el-tabs__header {
        width: 55%;
    }
}
.inquiry-box {
    position: relative;
    .query-box {
        // width: 45%;
        position: absolute;
        top: 15px;
        right: 15px;
        padding-left: 50px;
        /deep/ .el-range-separator {
            width: 20px;
        }
        /deep/ .el-button--small {
            margin-left: 20px;
        }
    }
}
.inquiryList-box {
    margin: 15px;
}
</style>